<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>好家政_您的生活好帮手</title>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}">
    <link th:href="@{/user/css/bootstrap.min.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/user/font-awesome/css/font-awesome.min.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/user/css/nivo-lightbox.css}" rel="stylesheet"/>
    <link th:href="@{/user/css/nivo-lightbox-theme/default/default.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/user/css/owl.carousel.css}" rel="stylesheet" media="screen"/>
    <link th:href="@{/user/css/owl.theme.css}" rel="stylesheet" media="screen"/>
    <link th:href="@{/user/css/animate.css}" rel="stylesheet"/>
    <link th:href="@{/user/css/style.css}" rel="stylesheet">
    <link rel="stylesheet" type="text/css" th:href="@{/user/plugins/cubeportfolio/css/cubeportfolio.min.css}">
    <link id="bodybg" th:href="@{/user/bodybg/bg1.css}" rel="stylesheet" type="text/css"/>
    <link id="t-colors" th:href="@{/user/color/default.css}" rel="stylesheet">
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-custom">
<div id="wrapper">
    <nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
        <div class="container navigation">
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
                    <i class="fa fa-bars"></i>
                </button>
                <a class="navbar-brand" th:href="@{/user_index}">
                    <img th:src="@{/user/img/logo.png}" alt="" width="150" height="40"/>
                </a>
            </div>
            <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
                <ul class="nav navbar-nav">
                    <li><a th:href="@{/user_index}">首页</a></li>
                    <li class="active"><a th:href="@{/user_service}">家庭服务</a></li>
                    <li><a th:href="@{/user_enterprise}">企业服务</a></li>
                    <li><a th:href="@{/user_cooperation}">企业加盟</a></li>
                    <li><a th:href="@{/user_about}">关于我们</a></li>
                    <li><a th:href="@{/user_training}">培训报名</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <section id="boxes" class="home-section paddingtop-80">
        <div class="container">
            <div class="row">
                <img th:src="@{user/img/service/service1.png}" alt=""/>
            </div>
            <br>
            <div class="layui-row">
                <div class="wow fadeInRight">
                    <div class="layui-col-md4">
                        <a th:href="@{/service_detail/(serviceName='保洁')}">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service1_1.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">日常保洁</h5>
                                    <p>专业工具，擦洗扫拖</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="layui-col-md4">
                        <a href="#">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service1_2.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">擦玻璃</h5>
                                    <p>专业喷剂，洁净玻璃</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="layui-col-md4">
                        <a href="#">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service1_3.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">深度保洁</h5>
                                    <p>好家政明星服务，洁净超乎想象</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="wow fadeInRight">
                    <div class="layui-col-md4">
                        <a href="#">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service1_4.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">新居开荒</h5>
                                    <p>新居入住开荒，清扫装修痕迹</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="layui-col-md4">
                        <a href="#">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service1_5.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">厨房保养</h5>
                                    <p>厨房保养，感受敞亮空间</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="layui-col-md4">
                        <a href="#">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service1_6.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">卫生间保养</h5>
                                    <p>卫生间保养，换发闪亮光洁</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="wow fadeInRight">
                    <div class="layui-col-md4">
                        <a href="#">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service1_7.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">家庭长期保洁</h5>
                                    <p>摆脱繁琐事务，重获生活自由</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="layui-col-md4">
                        <a href="#">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service1_8.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">地板打蜡</h5>
                                    <p>天然蜂蜡，温和养护</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="layui-col-md4">
                        <a href="#">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service1_9.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">皮质沙发保养</h5>
                                    <p>无风清洁，滋润养护</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>

            <div class="row">
                <img th:src="@{user/img/service/service2.png}" alt=""/>
            </div>
            <br>
            <div class="layui-row">
                <div class="wow fadeInRight">
                    <div class="layui-col-md4">
                        <a href="#">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service2_1.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">月嫂</h5>
                                    <p>呵护母婴，体贴放心</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="layui-col-md4">
                        <a href="#">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service2_2.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">育儿嫂</h5>
                                    <p>专业呵护，快乐成长</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="layui-col-md4">
                        <a href="#">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service2_3.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">保姆</h5>
                                    <p>专业保姆，全能管家</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="wow fadeInRight">
                    <div class="layui-col-md4">
                        <a href="#">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service2_4.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">老人陪护</h5>
                                    <p>至亲至爱，暖心陪伴</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="layui-col-md4">
                        <a href="#">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service2_5.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">家庭长期做饭</h5>
                                    <p>全能管家，贴心服务</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="layui-col-md4">
                        <a href="#">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service2_6.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">催乳服务</h5>
                                    <p>贴心呵护，“喂”爱服务</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="wow fadeInRight">
                    <div class="layui-col-md4">
                        <a href="#">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service2_7.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">老人助洁</h5>
                                    <p>用心关怀，全面护理</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="layui-col-md4">
                        <a href="#">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service2_8.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">临时看护</h5>
                                    <p>关爱老年人，理应有所养</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>

            <div class="row">
                <img th:src="@{user/img/service/service3.png}" alt=""/>
            </div>
            <br>
            <div class="layui-row">
                <div class="wow fadeInRight">
                    <div class="layui-col-md4">
                        <a href="#">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service3_1.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">油烟机清洗</h5>
                                    <p>高温蒸汽，洗尽铅华，油影无踪</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="layui-col-md4">
                        <a href="#">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service3_2.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">洗衣机清洗</h5>
                                    <p>彻底杀菌清洗，拒绝脏桶洗衣</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="layui-col-md4">
                        <a href="#">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service3_3.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">冰箱清洗</h5>
                                    <p>除冰除菌除臭，健康生活</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="wow fadeInRight">
                    <div class="layui-col-md4">
                        <a href="#">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service3_4.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">空调清洗</h5>
                                    <p>除尘消菌，拒绝室内雾霾</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="layui-col-md4">
                        <a href="#">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service3_5.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">灶台清洗</h5>
                                    <p>蒸汽杀菌，彻底清除重油污</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="layui-col-md4">
                        <a href="#">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service3_6.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">电烤箱清洗</h5>
                                    <p>多重清洗，还原食物美味</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="wow fadeInRight">
                    <div class="layui-col-md4">
                        <a href="#">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service3_7.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">微波炉清洗</h5>
                                    <p>除渍除菌除味，乐享健康</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="layui-col-md4">
                        <a href="#">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service3_8.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">消毒柜清洗</h5>
                                    <p>高效杀菌消毒，让您从此无忧</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="layui-col-md4">
                        <a href="#">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service3_9.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">饮水机清洗</h5>
                                    <p>除细菌水垢，喝健康水</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="wow fadeInRight">
                    <div class="layui-col-md4">
                        <a href="#">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service3_10.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">热水器清洗</h5>
                                    <p>无菌无垢，享受健康</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>

            <div class="row">
                <img th:src="@{user/img/service/service4.png}" alt=""/>
            </div>
            <br>
            <div class="layui-row">
                <div class="wow fadeInRight">
                    <div class="layui-col-md4">
                        <a href="#">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service4_1.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">儿童房换新</h5>
                                    <p>一站式服务，儿童梦想小屋</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="layui-col-md4">
                        <a href="#">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service4_2.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">卫生间换新</h5>
                                    <p>卫生间一站式换新</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="layui-col-md4">
                        <a href="#">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service4_3.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">换地板</h5>
                                    <p>品质地板，承载无限</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="wow fadeInRight">
                    <div class="layui-col-md4">
                        <a href="#">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service4_4.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">换地砖</h5>
                                    <p>真“材”“石”价，铺就美家</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="layui-col-md4">
                        <a href="#">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service4_5.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">换吊顶</h5>
                                    <p>营造丰富多彩的室内空间</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="layui-col-md4">
                        <a href="#">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service4_6.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">换壁纸</h5>
                                    <p>清雅闲居，“纸”因有你</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="wow fadeInRight">
                    <div class="layui-col-md4">
                        <a href="#">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service4_7.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">换墙漆</h5>
                                    <p>好墙好漆好生活</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="layui-col-md4">
                        <a href="#">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service4_8.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">防水补漏</h5>
                                    <p>滴水不漏，专业高效</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="layui-col-md4">
                        <a href="#">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service4_9.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">墙面地面维修</h5>
                                    <p>美观，不至于表面</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="wow fadeInRight">
                    <div class="layui-col-md4">
                        <a href="#">
                            <div class="service-box">
                                <div class="service-icon">
                                    <img th:src="@{user/img/service/service4_10.png}" alt=""/>
                                </div>
                                <div class="service-desc">
                                    <h5 class="h-light">家具杂修</h5>
                                    <p>加修无难事，一键解烦忧</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-sm-6 col-md-4">
                    <div class="wow fadeInDown" data-wow-delay="0.1s">
                        <div class="widget">
                            <h5>关于我们</h5>
                            <p>
                                一站式互联网家政服务平台
                            </p>
                        </div>
                    </div>
                    <div class="wow fadeInDown" data-wow-delay="0.1s">
                        <div class="widget">
                            <h5>更多信息</h5>
                            <ul>
                                <li><a href="#">营业执照</a></li>
                                <li><a href="#">京公网安备 11111111111111号</a></li>
                                <li><a href="#">京ICP备11111111号</a></li>
                                <li><a href="#">©2018 好家政 </a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4">
                    <div class="wow fadeInDown" data-wow-delay="0.1s">
                        <div class="widget">
                            <h5>广告位</h5>
                            <p>
                                这里可以寻求商业合作预留广告位
                            </p>
                            <ul>
                                <li>
								<span class="fa-stack fa-lg">
									<i class="fa fa-circle fa-stack-2x"></i>
									<i class="fa fa-calendar-o fa-stack-1x fa-inverse"></i>
								</span> 周一 至 周日, 8am to 10pm
                                </li>
                                <li>
								<span class="fa-stack fa-lg">
									<i class="fa fa-circle fa-stack-2x"></i>
									<i class="fa fa-phone fa-stack-1x fa-inverse"></i>
								</span> +86 4008 123 123
                                </li>
                                <li>
								<span class="fa-stack fa-lg">
									<i class="fa fa-circle fa-stack-2x"></i>
									<i class="fa fa-envelope-o fa-stack-1x fa-inverse"></i>
								</span> hello@brr.com
                                </li>

                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4">
                    <div class="wow fadeInDown" data-wow-delay="0.1s">
                        <div class="widget">
                            <h5>公司地址</h5>
                            <p>北京市 朝阳区 朝阳街道 朝阳办事处</p>
                        </div>
                    </div>
                    <div class="wow fadeInDown" data-wow-delay="0.1s">
                        <div class="widget">
                            <h5>关注我们</h5>
                            <ul class="company-social">
                                <li class="social-facebook"><a href="#"><i class="fa fa-wechat"></i></a></li>
                                <li class="social-twitter"><a href="#"><i class="fa fa-weibo"></i></a></li>
                                <li class="social-google"><a href="#"><i class="fa fa-qq"></i></a></li>
                                <li class="social-vimeo"><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                <li class="social-dribble"><a href="#"><i class="fa fa-twitter"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="sub-footer">
            <div class="container">
                <div class="row">
                    <div class="col-sm-6 col-md-6 col-lg-6">
                        <div class="wow fadeInLeft" data-wow-delay="0.1s">
                            <div class="text-left">
                                <p>Copyright &copy; 2022.好家政 All rights reserved.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
</div>
<a href="#" class="scrollup"><i class="fa fa-angle-up active"></i></a>
<script th:src="@{/user/js/jquery.min.js}"></script>
<script th:src="@{/user/js/bootstrap.min.js}"></script>
<script th:src="@{/user/js/jquery.easing.min.js}"></script>
<script th:src="@{/user/js/wow.min.js}"></script>
<script th:src="@{/user/js/jquery.scrollTo.js}"></script>
<script th:src="@{/user/js/jquery.appear.js}"></script>
<script th:src="@{/user/js/stellar.js}"></script>
<script th:src="@{/user/plugins/cubeportfolio/js/jquery.cubeportfolio.min.js}"></script>
<script th:src="@{/user/js/owl.carousel.min.js}"></script>
<script th:src="@{/user/js/nivo-lightbox.min.js}"></script>
<script th:src="@{/user/js/custom.js}"></script>
</body>
</html>
